<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>房屋征收面积及补偿情况统计表</title>

    <link rel="stylesheet" href="../css/element.css">
    <style>

        table{
            border-collapse:collapse;
            border-spacing:0;
            margin-left: auto;
            margin-right: auto;
        }
        table td{
            /*width: 12.5%;*/
            /*height: 4rem;*/
            line-height: 20px;
            text-align: center;
            /*padding-left: 10px;*/
            /*padding-right: 10px;*/
        }
        table,tr,td{border:solid 1px;}
        table thead tr{border-color:rgba(255,255,255,0)}

        table td.title{
            background: #e7eaec;
        }
        table tbody tr[data-id]:hover {
            background-color: #edf5fa;
            cursor: pointer;
        }

        @media print {
            .not-print{ display:none;}
        }
    </style>
</head>
<body>
    <h3 style="text-align: center;">房屋征收面积及补偿情况统计表</h3>
    <table id="app">
        <thead>
            <tr>
                <td rowspan="3">序号</td>
                <td rowspan="3">项目名称</td>
                <td rowspan="3">征迁户姓名</td>
                <td rowspan="3">征迁涉及户数</td>
                <td colspan="4">征收土地情况（单位：㎡）</td>
                <td colspan="7">征收房屋情况（单位：㎡）</td>
                <td colspan="9">货币补偿情况（单位：万元）</td>
            </tr>
            <tr>
                <td rowspan="2">总土地面积</td>
                <td rowspan="2">埕空地面积</td>
                <td colspan="2">建筑占地面积</td>
                <td rowspan="2">总建筑面积</td>
                <td colspan="2">认定补偿安置建筑面积</td>
                <td colspan="4">认定不予补偿安置建筑面积</td>
                <td rowspan="2">总补偿款</td>
                <td colspan="2">认定补偿安置面积补偿款</td>
                <td colspan="4">认定不予补偿安置面积补偿款</td>
                <td rowspan="2">埕空地补偿款</td>
                <td rowspan="2">附属物补偿款</td>
            </tr>
            <tr>
                <td>认定补偿安置占地面积</td>
                <td>认定不予补偿安置占地面积</td>
                <td>货币补偿</td>
                <td>产权调换</td>
                <td>住宅</td>
                <td>临搭</td>
                <td>厂房</td>
                <td>寺庙</td>
                <td>货币补偿部分</td>
                <td>产权调换部分</td>
                <td>住宅</td>
                <td>临搭</td>
                <td>厂房</td>
                <td>寺庙</td>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
        </tbody>
    </table>

    <script src="../js/vue.js"></script>
    <script src="../js/element.js"></script>

    <script>
        new Vue({
            el: '#app'
        });
    </script>
</body>
</html>